<%@page import="cn.lily.esb.monitor.process.system.JavaMonitor"%>
<%@page import="cn.lily.esb.monitor.process.system.RunningMonitor"%>
<%@page import="cn.lily.esb.monitor.process.system.SystemMonitor"%>
<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib uri="/page" prefix="public"%>

<!-- 标签部分 -->
<div class="row row-ht-fix">

  <div class="col-md-2 lily-widget">
  	<div class="lily-widget-content">
  		<div class="lily-widget-icon lily-color-blue">
  			<span class="fa fa-users"></span>
  		</div>
  		<div class="lily-widget-title">
  			<span class="lily-widget-title-number">10</span><br>
  			<span class="lily-widget-title-info">用户总量</span>
  		</div>
  	</div>
  </div>
  
  <div class="col-md-2 lily-widget" >
  	<div class="lily-widget-content">
  		<div class="lily-widget-icon lily-color-red">
			<span class="fa fa-user-plus"></span>
  		</div>
  		<div class="lily-widget-title">
  			<span class="lily-widget-title-number">10</span><br>
  			<span class="lily-widget-title-info">今日注册</span>
  		</div>
  	</div>
  </div>
  
  <div class="col-md-2 lily-widget">
  	<div class="lily-widget-content">
  		<div class="lily-widget-icon lily-color-dark-green">
  			<span class="fa fa-file"></span>
  		</div>
  		<div class="lily-widget-title">
  			<span class="lily-widget-title-number">10</span><br>
  			<span class="lily-widget-title-info">文章总数</span>
  		</div>
  	</div>
  </div>
  
  <div class="col-md-2 lily-widget">
  	<div class="lily-widget-content">
  		<div class="lily-widget-icon lily-color-green">
			<span class="fa fa-clone"></span>
  		</div>
  		<div class="lily-widget-title">
  			<span class="lily-widget-title-number">10</span><br>
  			<span class="lily-widget-title-info">今日新增</span>
  		</div>
  	</div>
  </div>
  
  <div class="col-md-2 lily-widget">
  	<div class="lily-widget-content">
  		<div class="lily-widget-icon lily-color-dark-orange">
  			<span class="fa fa-commenting-o"></span>
  		</div>
  		<div class="lily-widget-title">
  			<span class="lily-widget-title-number">10</span><br>
  			<span class="lily-widget-title-info">评论总数</span>
  		</div>
  	</div>
  </div>
  
  <div class="col-md-2 lily-widget">
  	<div class="lily-widget-content">
  		<div class="lily-widget-icon lily-color-yellow">
  			<span class="fa fa-edit"></span>
  		</div>
  		<div class="lily-widget-title">
  			<span class="lily-widget-title-number">10</span><br>
  			<span class="lily-widget-title-info">今日评论</span>
  		</div>
  	</div>
  </div>
  
</div>

<!-- 信息公示部分  -->

<div class="row row-ht-fix">
	
	<div class="col-md-12 lily-info-nav">
	
		<div class="lily-info-nav-content">
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 欢迎使用新主题平台 , 当前版本：V2.1.2 , 发布时间：2017年10月10日 。从这版开始，让我们开启平台的一个新的时代，让它真正成为您的开发伴侣！
		</div>
		
	</div>
	
</div>

<!-- 信息展示部分 -->

<div class="row row-ht-auto col">

	<!-- 更新日志 -->
	<div class="col-md-6 panel-welcome row-ht-12 col">

		<div class="panel panel-default row-ht-auto col">
		  <div class="panel-heading row-ht-fix">更新日志</div>
		  <div class="panel-body row-ht-auto" style="overflow-y:auto">
		  
		    <h2 style="color:#000000;">&nbsp;&nbsp;V2.1.2</h2>
		    
		    <div style="padding:10px;">
		    	&nbsp;&nbsp;该版本相对于上一个发布版本，页面主题部分有了很大的更新，写法与功能都与之前版本有了很大区别。		    	
		    </div>
	    	
	    	<div style="padding:5px 10px 10px 30px;line-height: 25px;">
	    	
		    	<ul>
		    	  <li class="lily-pointer lily-color-red-font">【门户部分】</li>
			      <li class="lily-pointer lily-color-red-font">对内门户功能改造完成，单应用与多应用同时支持</li>
			      <li class="lily-pointer lily-color-red-font">登陆页面新风格调整</li>			      		      
			      <li class="lily-pointer lily-color-red-font">浏览器兼容性调整至IE9+\Chrome\Firefox\Safari\Opera</li>
			      <li class="lily-pointer lily-color-red-font">单点登陆、跨域访问功能调整</li>
			      <li class="lily-pointer lily-color-red-font">表格结构调整，针对新主题的页面形式定义部分新的结构</li>
			      
			      <li class="lily-pointer lily-color-green-font">【平台部分】</li>
			      <li class="lily-pointer lily-color-green-font">新平台主题改造完成</li>	
			      <li class="lily-pointer lily-color-green-font">表单元素 - 按钮 - 3种模式支持</li>
			      <li class="lily-pointer lily-color-green-font">统计图复合新主题</li>
			      <li class="lily-pointer lily-color-green-font">进度条新组件添加</li>
			      <li class="lily-pointer lily-color-green-font">缩略图 + 轮播组件添加，表单支持图片展示</li>
			      <li class="lily-pointer lily-color-green-font">下载新组件添加，纯后台下载，支持网络文件、后台文件、硬盘文件三种形式</li>
			      <li class="lily-pointer lily-color-green-font">上传新组件添加，受浏览器局限，IE仅支持IE11</li>
			      <li class="lily-pointer lily-color-green-font">弹出框与提示框组件添加，更加人性化的提示信息支持</li>
			      <li class="lily-pointer lily-color-green-font">新主题栅格布局+偏移机制，处理自定义布局页面</li>			      
			      <li class="lily-pointer lily-color-green-font">新主题所有表单组件添加颜色与状态处理机制</li>
			      
			      <li class="lily-pointer lily-color-blue-font">【监控部分】</li>
			      <li class="lily-pointer lily-color-blue-font">平台监控部分，系统监控与缓存监控迁移</li>
			    </ul>
			    
	    	</div>
		    
		  </div>		  
		  
		</div>
		
	</div>
	
	<div class="col-md-6 panel-welcome row-ht-12 col">
	
		<div class="col" style="padding-bottom: 12px;height:50%;">
			<div class="panel panel-default row-ht-auto col" style="margin-bottom: 0px;padding-bottom: 20px;">
			  <div class="panel-heading row-ht-fix">平台版本更新</div>
			  <div class="panel-body row-ht-auto lily-version-charts" style="overflow-y:auto">
			  	        
			  </div>		  			  
			</div>
		</div>
	
		<div class="col" style="height:50%;">
			<div class="panel panel-default row-ht-auto col" style="margin-bottom: 0px;" >
			  <div class="panel-heading row-ht-fix">服务器系统信息</div>
			  <div class="panel-body row-ht-auto" style="overflow-y:auto">
			  	
			  	<div style="padding:5px 10px 10px 30px;line-height: 25px;">
	    	
			    	<ul>
			    
				      <li class="lily-pointer">用户名：<%=SystemMonitor.getUserName() %></li>
				      <li class="lily-pointer">操作系统名称：<%=SystemMonitor.getOsName() %></li>
				      <li class="lily-pointer">IP地址：<%=RunningMonitor.getIp() %></li>
				      <li class="lily-pointer">MAC地址：<%=RunningMonitor.getMac() %></li>
				      <li class="lily-pointer">CPU使用率：<%=RunningMonitor.getCpuUsage() %>%</li>
				      <li class="lily-pointer">内存使用率：<%=RunningMonitor.getJVMUsage() %>%</li>
				      <li class="lily-pointer">线程总数：<%=RunningMonitor.getThreadCount() %></li>
				      <li class="lily-pointer">JAVA版本：<%=JavaMonitor.getJavaVersion() %></li>
				      				      
				    </ul>
				    
		    	</div>
			  	
			  </div>		  			  
			</div>
		</div>
	
	</div>

</div>


<script>
$(function(){
	
	$(".layui-body").css("background-color","#EFEFEF");
	
	//重绘布局
	var layout = new Yacon.Layout();
	layout.layout();
	
	//绘制统计图
	 var myChart = echarts.init($(".lily-version-charts")[0]); 
     
     var option = {
    		
		    tooltip : {
		        trigger: 'axis'
		    },
		    legend: {
		        data:['功能数量','小版本数量']
		    },
		    calculable : true,
		    xAxis : [
		        {
		            type : 'category',
		            boundaryGap : false,
		            data : ['2014年','2015年','2016年','2017年',]
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value'		          
		        }
		    ],
		    series : [
		        {
		            name:'功能数量',
		            type:'line',
		            data:[10,23,41,85]
		        },
		        {
		            name:'小版本数量',
		            type:'line',
		            data:[3,10,32,65]
		        }
		    ]
 		    
     };

     // 为echarts对象加载数据 
     myChart.setOption(option); 
});
</script>